@media handheld, screen and (max-width: 640px) {
	div.mobileHide,
	h2.mobileHide,
	p.mobileHide,
	span.mobileHide {
		display: none;
	}

    .form-static-table, thead, tbody, th, td, tr {
        display: block;
    }

    .form-static-table tr {
        margin-bottom: 10px;
    }

    .form-static-table td {
        display: block;
        position: relative;
        padding: 0px;
    }

	.stripped-table thead {
        display: none;
    }

	.stripped-table .mobile-label {
		display: inline;
		float: left;
		font-weight: bold;
		width: 50%;
		padding: 3px;
	}

	.stripped-table .mobile-longtext {
		display: block;
		margin-left: 47%;
	}

	.stripped-table .action {
		float: none;
		padding-right: 0%;
	}

	.customer-details-subtitle {
        flex-direction: column;
        row-gap: 0.3rem;
    }

    .back-navigation {
        margin-top: 2rem;
    }

    .banner-container {
        flex-direction: column;
        align-items: start;
    }

    .panel-title-container .alert-message {
        margin-left: unset;
    }

    .panel-compliant-icon {
        display: none;
    }

    .panel-table td::before {
        content: attr(data-label);
        font-weight: bold;
        float: left;
        color: #485057;
    }

    .panel-table {
        margin-bottom: 0.5rem !important;
    }

    .panel-table td {
        text-align: right;
    }

    .panel-table tr:first-child {
        border-top: #8a8a8a 1px solid;
    }

    .panel-content {
        margin: 1rem 0 0.5rem 0 !important;
    }

    .hide-show {
        margin-right: unset;
    }

    .breakdown-container {
        padding: 10px;
    }

    .breakdown-container thead,
    .breakdown-container tbody,
    .breakdown-container th,
    .breakdown-container td,
    .breakdown-container tr {
         display: revert;
    }

    .breakdown-panel {
        padding: 10px !important;
    }

    .breakdown-panel th {
        vertical-align: middle !important;
    }

    .outstanding-actions-fieldset {
        margin-bottom: 0;
    }

    #outstandingActionsTable_filter,
    #allPropertiesTable_filter,
    #multiPropReturnTable_filter,
    #multiPeriodPropTable_filter {
        text-align: left !important;
        margin-bottom: 1rem;
    }

    #outstandingActionsTable_filter label,
    #allPropertiesTable_filter label,
    #multiPropReturnTable_filter label,
    #multiPeriodPropTable_filter label {
        float: unset;
        width: 100%;
    }

    .multi-period-table-checkmark-span {
        margin-right: 1rem;
    }

    .multi-period-payment-table tbody .address-row {
        text-align: right;
    }

    .multi-period-payment-table tfoot tr:last-child td {
        text-align: left !important;
    }

    .payments-breakdown-info {
        margin-left: 0 !important;
    }

    .info-icon {
        text-align: left;
    }

    .payment-info-box .close {
        position: relative;
        top: 5px !important;
    }

    .payment-info-box .info-text {
        word-break: break-word;
    }

    .lpt-charge-info-box .info-text,
    .exempt-info-box .info-text,
    .calculation-info-box .info-text,
    .return-info-box .info-text,
    .info-box .info-text {
        width: 90% !important;
    }

    .lpt-charge-info-box .close,
    .exempt-info-box .close {
        top: -37px !important;
    }

    .return-info-box .close,
    .info-box .close {
        top: -79px !important;
    }

    .calculation-info-box .close {
        top: -215px !important;
        right: 0px !important;
    }

    .payment-methods-list-item span:last-child {
        flex: 3 !important;
    }

    .stripped-table .addressDesktopOnly {
        display: none;
    }

    .mobile-hide {
        display: none;
    }

    .mobile-checkmark {
        position: absolute;
        right: 5rem;
    }

    .display-inline.radio-btn {
        display: inline-block;
    }

    .form-static-table th.mobile-full-width {
        width: 100%;
        margin-bottom: 0.5rem;
        margin-top: 1.5rem;
    }

    .property-owners-table {
        margin-bottom: 0;
        border-collapse: collapse;
    }

    .property-owners-table tr {
        border: none !important;
    }

    .property-owners-table tr {
        background-color: unset !important;
        border-top: #8a8a8a 1px solid !important;
        margin-top: 0.5rem;
    }

    .property-owners-table tr:first-child {
        border-top: none !important;
        margin-top: 0rem !important;
    }

    .property-owners-table th,
    .property-owners-table td {
        padding: 0.8rem 0.5rem 0 0 !important;
    }

    .footer-padding {
        padding-bottom: 100px;
    }
}

@media screen and (min-width: 641px) {
    .panel-title-container {
        display: flex;
    }

    .panel-table th:first-child, .panel-table th:last-child,
    .panel-table td:first-child, .panel-table td:last-child {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .panel-table th {
        width: auto !important;
    }

    .panel-table th:last-child,
    .panel-table td:last-child {
        float: right;
    }

    .multi-return-table td:last-child,
    .multi-period-payment-table td:last-child {
        float: unset;
        text-align: right;
    }

    .multi-period-payment-table tfoot tr:last-child td {
        text-align: left !important;
    }

    .payments-table td:last-child,
    .returns-table td:last-child {
        float: unset;
        text-align: right;
    }

    .panel-table th:first-child {
        width: 20% !important;
    }

    .multi-period-payment-table-flex {
        display: flex;
    }

    .multi-return-table th:first-child {
        width: 35% !important;
    }

    .multi-period-payment-table th:first-child {
        width: 60% !important;
    }

    .multi-period-table-checkmark-span {
        width: 3rem;
    }

    .period-row td:first-child span {
        margin-left: 3rem;
    }

    .payments-table th:first-child,
    .returns-table th:first-child {
        width: auto !important;
    }

    #mobileInfoIcon {
        display: none;
    }

    .mobile-show {
        display: none;
    }

    .desktop-bold {
        font-weight: bold;
    }

    .footer-padding {
        padding-bottom: 200px;
    }
}

@media handheld, screen and (max-width: 770px) {
	div.lpt_footer_left,
	div.lpt_footer_right {
		float: none;
		width: 100%;
		display: block;
    }

	div.lpt_footer_outer {
		margin-bottom: 0px;
    }

	div.lpt_footer_links {
		margin: 0px;
		width: 100%;
	}

	div.lpt_footer_left ul {
		float: none;
		display: block;
    }

	div.lpt_footer_inner div.lpt_footer_left ul,
	div.lpt_footer_inner div.lpt_footer_left ul li,
	div.lpt_footer_inner div.revLogo {
		float: none;
		display: block;
		text-align: center;
		margin: 5px 0px;
		padding: 0px;
		width: 100%;
		padding-bottom: 5px;
    }

	.lpt_container_inside {
		padding-bottom: 10px;
	}
}

@media screen and (max-width: 991px) {
    .footer {
        position: relative !important;
    }

    #main-content {
        padding: 0 0 25px 0;
    }

    .modal-content {
		position: absolute;
		left: 20%;
		top: 50%;
		transform: translate(-15%, -25%);
	}

	.modal-dialog {
        top:50%
    }
	
	.mobile-menu-back {
        margin-left: -15px;
	}

    .nav-panel-box {
        display: none;
    }

    .navigation-panel {
        margin-bottom: 0;
    }

    .nav-panel-container {
        display: none;
        position: absolute;
        top: -2rem;
        right: 0;
        width: 100%;
        z-index: 1000;
        padding: 0 1rem;
    }

    .nav-panel-container hr {
        color: #fff;
        margin: 0;
        width: 95%;
        margin-left: 2.5%;
    }

    .nav-panel-container div {
        background-color: #025e63;
        padding: 1rem;
    }

    .nav-panel-container a,
    .mobile-nav-icon:active,
    .mobile-nav-icon:hover {
        color: #fff;
    }

    .mobile-nav-icon {
        display: inline-block;
        color: #fff;
        margin-top: 1.3rem;
        font-size: 1.5rem;
    }

    .back-navigation {
        margin-bottom: 0.5rem;
    }

    .mobile-label {
        position: relative;
        left: 0;
    }

    .banner-container div:first-child {
        min-width: 100%;
    }

    .customer-details-title h1 {
        margin-top: 0.5rem;
    }

    .orange-alert-image-text-container {
        display: flex;
        justify-content: center;
    }

    .orange-alert-text-container {
        justify-content: center;
        text-align: center;
        margin-top: 5px;
        display: flex;
    }

    .clear {
        display: none;
    }

    .breakdown-container {
        margin-bottom: 1rem;
    }

    .payment-methods-list-item span:last-child {
        flex: 7;
    }
}

@media screen and (min-width: 992px) {
    .mobile-nav-icon,
    .mobile-nav-panel,
    .mobile-nav-panel-divider {
        display: none !important;
    }

    .navigation-panel {
        display:flex;
        max-width:90%;
        flex-wrap:wrap;

    }

    .nav-panel-container {
        margin-top: 1rem;
    }

    .navigation-panel>.navigation-link {
        margin-right: -25px;
        color: #333;
    }

    .navigation-panel>.navigation-link:hover {
        color: #1FC7C6;
    }


    .banner-container .warning-banner {
        max-width: 83% !important;
        min-width: unset !important;
    }

    .width-80 {
        width: 80% !important;
    }
}

@media screen and (max-width: 1200px) {
  .system-error--img {
    float: left;
    margin-left: 14px;
  }
}